<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>
	<title><s:text name="head.estadisticas.managers_pais.title"/></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="css/hoja_general.css" media="screen, projection" />
	<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>	
	<script type="text/javascript" src="js/codigo_general.js"></script>
	<script type="text/javascript" src="js/codigo_estadisticas_comparar_usuarios_pais.js"></script>
</head>

<body>
	<div id="contenedor">
		<jsp:include page="/backend/inc/cabecera.jsp" />
		<jsp:include page="/backend/inc/navegacion.jsp" />
		<div id="contenidos">
			<h2><s:text name="estadisticas.comparar_usuarios_pais.titulo"/></h2>
			<div id="formulario" class="formulario">
				<h3><s:text name="estadisticas.buscador.titulo"/></h3>
				<form action="./compararUsuariosPais.action" method="post">
					<fieldset>
						<label for="pais-1"><s:text name="estadisticas.comparar_usuarios_pais.etiqueta_1"/> 1:<select id="pais-1" name="pais1">
							<option value="0"><s:text name="estadisticas.comparar_usuarios_pais.desplegable.valor_1"/></option>
							<s:iterator value="desplegablePaises" status="fila">
							<option value="${codigo}"<s:if test="%{pais1==codigo}"> selected="selected"</s:if>>${nombre}</option>
							</s:iterator>
						</select></label>
						<input type="hidden" id="nombre-pais-1" name="nombre_pais1" class="oculto" />
						<label for="pais-2"><s:text name="estadisticas.comparar_usuarios_pais.etiqueta_1"/> 2:<select id="pais-2" name="pais2">
							<option value="0"><s:text name="estadisticas.comparar_usuarios_pais.desplegable.valor_1"/></option>
							<s:iterator value="desplegablePaises" status="fila">
							<option value="${codigo}"<s:if test="%{pais2==codigo}"> selected="selected"</s:if>>${nombre}</option>
							</s:iterator>
						</select></label>
						<input type="hidden" id="nombre-pais-2" name="nombre_pais2" class="oculto" />
						<label for="pais-3"><s:text name="estadisticas.comparar_usuarios_pais.etiqueta_1"/> 3:<select id="pais-3" name="pais3">
							<option value="0"><s:text name="estadisticas.comparar_usuarios_pais.desplegable.valor_1"/></option>
							<s:iterator value="desplegablePaises" status="fila">
							<option value="${codigo}"<s:if test="%{pais3==codigo}"> selected="selected"</s:if>>${nombre}</option>
							</s:iterator>
						</select></label>
						<input type="hidden" id="nombre-pais-3" name="nombre_pais3" class="oculto" />
						<label for="pais-4"><s:text name="estadisticas.comparar_usuarios_pais.etiqueta_1"/> 4:<select id="pais-4" name="pais4">
							<option value="0"><s:text name="estadisticas.comparar_usuarios_pais.desplegable.valor_1"/></option>
							<s:iterator value="desplegablePaises" status="fila">
							<option value="${codigo}"<s:if test="%{pais4==codigo}"> selected="selected"</s:if>>${nombre}</option>
							</s:iterator>
						</select></label>
						<input type="hidden" id="nombre-pais-4" name="nombre_pais4" class="oculto" />
						<label for="pais-5"><s:text name="estadisticas.comparar_usuarios_pais.etiqueta_1"/> 5:<select id="pais-5" name="pais5">
							<option value="0"><s:text name="estadisticas.comparar_usuarios_pais.desplegable.valor_1"/></option>
							<s:iterator value="desplegablePaises" status="fila">
							<option value="${codigo}"<s:if test="%{pais5==codigo}"> selected="selected"</s:if>>${nombre}</option>
							</s:iterator>
						</select></label>
						<input type="hidden" id="nombre-pais-5" name="nombre_pais5" class="oculto" />
						<label for="desde"><s:text name="estadisticas.buscador.etiqueta_2"/>:<input id="desde" name="fechaInicio" type="text" class="texto fecha" value="${fechaInicio}" /></label>
						<button type="button" title="<s:text name="comun.boton.calendario.inicio.title"/>" class="calendario"><span><s:text name="comun.boton.calendario.text"/></span></button>
						<label for="hasta"><s:text name="estadisticas.buscador.etiqueta_3"/>:<input id="hasta" name="fechaFin" type="text" class="texto fecha" value="${fechaFin}" /></label>
						<button type="button" title="<s:text name="comun.boton.calendario.fin.title"/>" class="calendario"><span><s:text name="comun.boton.calendario.text"/></span></button>
						<input id="cuantos-busqueda" name="cuantos" type="hidden" class="oculto" value="10" />
						<ul class="acciones">
						<li><button type="submit" title="<s:text name="estadisticas.buscador.boton.title"/>" class="tipo-2"><s:text name="comun.boton.buscar.text"/></button></li>
						</ul>
					</fieldset>
				</form>
			</div>
			<div class="datos">
				<h3><s:text name="estadisticas.comparar_usuarios_pais.subtitulo"/></h3>
				<form action="#" method="post">
					<div class="contenedor corta">
						<div class="contenedor">
							<s:if test="%{matriz_managersPorPais.size>0}">
							<div id="chart_div0" class="chart_div"></div>
							<div id="chart_div1" class="chart_div"></div>
							<div id="chart_div2" class="chart_div"></div>
							<div id="chart_div3" class="chart_div"></div>
							<div id="chart_div4" class="chart_div"></div>
							<a class="excel" title="<s:text name="comun.link.excel.title"/>" href="./compararUsuariosPais_xls.action?nombre=<s:text name="estadisticas.comparar_usuarios_pais.fichero"/>&amp;pais1=${pais1}&amp;pais2=${pais2}&amp;pais3=${pais3}&amp;pais4=${pais4}&amp;pais5=${pais5}&amp;nombre_pais1=${nombre_pais1}&amp;nombre_pais2=${nombre_pais2}&amp;nombre_pais3=${nombre_pais3}&amp;nombre_pais4=${nombre_pais4}&amp;nombre_pais5=${nombre_pais5}"><s:text name="comun.link.descargar.text"/></a>
							<table>
								<caption><s:text name="estadisticas.comparar_usuarios_pais.caption"/></caption>
								<thead>
									<tr>
										<th scope="col"><s:text name="comun.resultados.campos.fecha"/></th>
										<s:iterator value="listaPaises" var="sublista" status="fila">
										<s:set name="bandera" value="#sublista[0]"/>	
										<s:set name="nombre" value="#sublista[1]"/>	
										<th scope="col" class="especial" style="width:70px"><s:text name="estadisticas.comparar_usuarios_pais.etiqueta_1"/> ${fila.count}
										 <img src="/backend/img/banderas/16x11/${bandera}.gif" alt="<s:text name="comun.imagenes.bandera.alt"><s:param value="nombre"/></s:text>" title="<s:text name="nombre"/>" width="16" height="11" />	
										</th>
										</s:iterator>
									</tr>
								</thead>
								<tbody>
									<s:iterator value="listaResumenInversa" status="fila">
									<tr<s:if test="#fila.odd==false"> class="par"</s:if>>
										<td><fmt:formatDate value="${fecha}" pattern="dd/MM/yyyy" /></td>
										<s:if test="%{matriz_managersPorPais.size>0}">
											<td class="numero">${pos1}</td>
										</s:if>
										<s:if test="%{matriz_managersPorPais.size>1}">
											<td class="numero">${pos2}</td>
										</s:if>
										<s:if test="%{matriz_managersPorPais.size>2}">
											<td class="numero">${pos3}</td>
										</s:if>
										<s:if test="%{matriz_managersPorPais.size>3}">
											<td class="numero">${pos4}</td>
										</s:if>
										<s:if test="%{matriz_managersPorPais.size>4}">
											<td class="numero">${pos5}</td>
										</s:if>
									</tr>
									</s:iterator>
								</tbody>
							</table>
						</s:if>
						<s:else>
						<p><s:text name="estadisticas.no_hay"/></p>
						</s:else>	
						</div>
					</div>
				 </form>
			</div>
		</div>
	</div>
</body>
</html>